<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <body>

        <ui:composition template="./TemplatePrincipal.xhtml">

            <ui:define name="top">
                top
            </ui:define>

            <ui:define name="left">
                <h:form>
                    <p:panel header="Cita">
                <p:commandButton icon="ui-icon-arrowthick-1-w" action="MenuPrincipal"/><br/>
                <br/>
             "Lee y conducirás, no leas y serás conducido". <br/><br/>Santa Teresa de Jesús
                    </p:panel>
                </h:form>
            </ui:define>

            <ui:define name="content">
                <f:view>
                    <h:form id="formulario">
                        <h1><h:outputText value="Lends List"/></h1><br/>
                   
                            <p:commandButton value="Register" action="LendsCreateEdit" actionListener="#{lendsBean.prepararNuevo}" ajax="false"/>
                          
                            <p:dataTable value="#{lendsBean.listLends}" var="item" paginator="true" rows="8">
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Id"/>
                                </f:facet>
                                <h:outputText value="#{item.id}"/>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Fecha"/>
                                </f:facet>
                                <h:outputText value="#{item.fecha}">
                                    <f:convertDateTime pattern="MM/dd/yyyy" />
                                </h:outputText>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Hora"/>
                                </f:facet>
                                <h:outputText value="#{item.hora}">
                                    <f:convertDateTime pattern="HH:mm:ss" />
                                </h:outputText>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Estado"/>
                                </f:facet>
                                <h:outputText value="#{item.estado}"/>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="IdUsuario"/>
                                </f:facet>
                                <h:outputText value="#{item.idUsuario}"/>
                            </p:column>
                           <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Detalle"/>
                                </f:facet>
                                <p:commandButton action="#{lendsBean.mostrarDetalles}" icon="ui-icon-folder-open" update=":formulario:panel" onclick="dialogo.show();">
                                    <f:setPropertyActionListener value="#{item}" target="#{lendsBean.lend}"/>
                                </p:commandButton>
                            </p:column>
                        </p:dataTable>
                            
                          <p:dialog widgetVar="dialogo" modal="true">
                                  <h1><h:outputText value="Books List"/></h1>
                                  <p:panelGrid columns="2" id="panel">
                                  <h:dataTable value="#{lendsBean.listLendDetails}" var="item">
                                      <h:column>
                                          <f:facet name="header">
                                              <h:outputText value="Clave de usuario"/>
                                          </f:facet>
                                          <h:outputText value="#{item.idPrestamo.idUsuario.clave}"/>
                                      </h:column>
                                      <h:column>
                                          <f:facet name="header">
                                              <h:outputText value="Libro"/>
                                          </f:facet>
                                          <h:outputText value="#{item.idLibro.nombre}"/>
                                      </h:column>
                                  </h:dataTable>
                                  </p:panelGrid>
                          </p:dialog>
                    </h:form>
                </f:view>
            </ui:define>
        </ui:composition>

    </body>
</html>
